<!DOCTYPE html>
<html>
<head>
	<title>悦租客-发布信息</title>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<meta content="text/html;charset=UTF-8" http-equiv="Content-Type" />
	<link rel="stylesheet" type="text/css" href="../css/publish.css" />
	<link rel="icon" href="../image/favicon.ico" type="image/ico">
	<link rel="shortcut icon" href="../image/favicon.ico">
	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.1&key=de84066a8af110b41a95682b087c583d"></script>
	<script type="text/javascript" src="../js/ajax.js"></script>
	<script type="text/javascript" src="../js/publish.js"></script>
</head>
<body onload="initialize()">
	<div id="up">
		<div id="logo">
			<img src="../image/logo.png">
		</div>
	</div>
	<div id="bread">
		<div id="nav">
			<a class="step active" id="nav_1">1.填写地理信息</a>
			<a class="step" id="nav_2">2.完善房屋信息</a>
			<a class="step" id="nav_3">3.请留下您的联系方式</a>
		</div>
	</div>
	<form method="POST" autocomplete="off">
		<div id="step_1">
			<div class="line_wrapper">
				<label for="cn_label">小区名称</label>
				<input type="text" id="cn_label" name="cell_name" value="小区" class="unfilled"/>
				<span id="cn_err" class="err_tip">含有非法字符</span>
				<span id="cn_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<label for="_street">地址</label>
				<input type="text" class="short" id="_province" name="province"/>省
				<input type="text" class="short" id="_city" name="city"/>市
				<input type="text" class="short" id="_district" name="district"/>区
				<input type="text" name="street" id="_street" value="街、道" class="unfilled" />
				<span id="street_err" class="err_tip">含有非法字符</span>
				<span id="street_succ" class="succ_tip"></span>
			</div>
			<div id="map_content">
				<div id="position">
					X:<input type="text" name="x" id="map_x"/>
					Y:<input type="text" name="y" id="map_y"/> 
				</div>
				<div class="clear"></div>
			</div>
			<div class="line_wrapper">
				<input type="button" id="bStep1_next" value="下一步"/>
			</div>
		</div>
		<div id="step_2">
			<div class="line_wrapper">
				<label>出租方式</label>
				<input type="radio" name="rent_type" value="0" checked="checked"/>
				<span class="for_radio">整租</span>
				<input type="radio" name="rent_type" value="1"/>
				<span class="for_radio">合租</span>
			</div>
			<div class="line_wrapper" id="house_ref">
				<label for="_level">户型</label>
				第<input class="x-short" type="text" name="level" id="_level"/>层，
				<input class="x-short" type="text" name="rooms" id="_rooms"/>室
				<input class="x-short" type="text" name="halls" id="_halls">厅
				<input class="x-short" type="text" name="toilets" id="_toilets">卫，
				<input class="short" type="text" name="area" id="_area"/>㎡
				<span id="num_err" class="err_tip">必须是整数</span>
				<span id="num_fill" class="err_tip">请完善信息</span>
				<span id="num_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<label for="_price">租金</label>
				<input class="short" type="text" name="price" id="_price" />元/月，
				<select name="payment">
					<option value="0">押一付三</option>
					<option value="1">年付</option>
					<option value="2">半年付</option>
					<option value="3">可面议</option>
				</select>
				<span id="price_err" class="err_tip">必须是整数</span>
				<span id="price_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<label for="">房屋情况</label>
				<select name="house_type">
					<option value="0">公寓</option>
					<option value="1">普通住宅</option>
					<option value="2">别墅</option>
					<option value="3">其他</option>
				</select>，
				<select name="decoration">
					<option value="0">精装修</option>
					<option value="1">普通装修</option>
					<option value="2">毛坯</option>
					<option value="3">豪华装修</option>
				</select>，朝向
				<select name="direction">
					<option value="0">东</option>
					<option value="1">南</option>
					<option value="2">西</option>
					<option value="3">北</option>
					<option value="4">东北</option>
					<option value="5">西北</option>
					<option value="6">东南</option>
					<option value="7">西南</option>
				</select>
			</div>
			<div class="line_wrapper">
				<label>配备</label>
				<input type="checkbox" name="with" value="1"/><span class="for_checkbox">床</span>
				<input type="checkbox" name="with" value="2"/><span class="for_checkbox">电视</span>
				<input type="checkbox" name="with" value="4"/><span class="for_checkbox">空调</span>
				<input type="checkbox" name="with" value="8"/><span class="for_checkbox">冰箱</span>
				<input type="checkbox" name="with" value="16"/><span class="for_checkbox">洗衣机</span>
				<input type="checkbox" name="with" value="32"/><span class="for_checkbox">热水器</span>
				<input type="checkbox" name="with" value="64"/><span class="for_checkbox">宽带</span>
				<input type="checkbox" name="with" value="128"/><span class="for_checkbox">厨具</span>
			</div>
			<div class="line_wrapper">
				<label>房源照片</label>
				<div class="photo">
					<a>选择图片...</a>
					<input type="file" name="file_1" id="_file_1" style="display:none;"/>
					<div class="img_container"></div>
					<select name="use_for">
						<option value="0">作为默认背景</option>
					</select>
				</div>
				<div class="clear"></div>
			</div>
			<div class="line_wrapper">
				<input type="button" id="bStep2_last" value="上一步"/>
				<input type="button" id="bStep2_next" value="下一步"/>
			</div>
		</div>
		<div id="step_3">
			<div class="line_wrapper">
				<label for="t_call">您的称呼</label>
				<input type="text" name="call" id="t_call"/>
				<span id="call_err" class="err_tip"></span>
				<span id="call_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<label for="t_phone">联系电话</label>
				<input type="text" name="phone" id="t_phone"/>
				<span id="phone_err" class="err_tip"></span>
				<span id="phone_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<label for="t_email">电子邮件</label>
				<input type="text" name="email" id="t_email"/>
				<span id="email_err" class="err_tip"></span>
				<span id="email_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<label for="t_verify">验证码</label>
				<input class="short" type="text" name="verify_code" id="t_verify"/>
				<img id="img_verify" src="../image/verify.jpg"/>
				<a id="a_verify" href="#">看不清?</a>
				<span id="verify_err" class="err_tip"></span>
			</div>
			<div id="agreement">
				<input type="checkbox" name="is_agree" id="t_agree"/>
				<label id="l_agree" for="t_agree">我已阅读并接受</label>
				<a href="#">《悦租客使用协议》</a>
				<span id="agree_err" class="err_tip">您未接受我们的服务条款</span>
				<span id="agree_succ" class="succ_tip"></span>
			</div>
			<div class="line_wrapper">
				<input type="button" id="bStep3_last" value="上一步"/>
				<input type="button" id="bStep3_finish" value="发布"/>
			</div>
		</div>
	</form>
	<div id="footer">©2013 悦租客</div>
</body>
</html>
